// 基于axios封装请求
import theAxios from 'axios'
// import router from '@/router'
import {
  Notify
} from 'vant'
import {
  getToken,
  removeToken,
  setToken
} from '@/utils/token.js'
import {
  getNewTokenAPI
} from '@/api/index'
const axios = theAxios.create({
  baseURL: 'http://geek.itheima.net/',
  timeout: 20000 // 20秒超时无响应
})

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    config.headers.Authorization = `Bearer ${getToken()}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // 对响应错误做点什么
  if (error.response.status === 401) {
    Notify({
      type: 'danger',
      message: '身份已过期'
    })
    // 1. 方法一，强制跳转登陆
    removeToken()
    // router.replace('/login')
    // 2.使用refresh_token换回新的token再继续使用，JS代码实现，用户无感知（效果好）
    const res = await getNewTokenAPI()

    // 新的token回来之后，我们要做什么
    // 1.更新token在本地
    setToken(res.data.data.token)
    // 2.更新新的token在请求头里
    error.config.headers.Authorization = `Bearer ${res.data.data.token}`
    // 3.未完成这次请求，再发起一次
    // error.config就足上一次请求配置对象
    // 结果我们要return回原本逻辑页调用地方 - 还return回去一个Promise对象
    return axios(error.config)
  }
  return Promise.reject(error)
})

export default ({
  url,
  method = 'GET',
  params = {},
  data = {},
  headers = {}
}) => {
  return axios({
    url,
    method,
    params,
    data,
    headers
  })
}
